@import"common.css";
body {
    min-width:320px;
    max-width: 750px;
    width:750px;
    margin: 0 auto;
    line-height: 1.5;
    font-family: Arial,Helvetica; background: #F2F2F2;
}

@baseFont:50;

.serch{
    width: 100%;
    position: fixed;
    top: 0;
    min-width:320px;
    max-width: 750px;
    height: (88rem / @baseFont);
    background-color: #ffc001;
    display: flex;
    align-items: center;
    z-index: 1;
    >.login{
        font-size: (26rem /@baseFont);
        color: white;
        margin-left: (22rem / @baseFont);
        margin-right: (22rem / @baseFont);
    }
    .serch-txt{
        flex: 1;
        display: flex;
       >input{
           justify-content: center;
           font-size: (24rem /@baseFont);
           box-sizing: border-box;
           height: (66rem / @baseFont);
           width: 100%;
           background-color: #FFF2cc;
           border: none;
           outline: none;
           border-radius: (33rem / @baseFont);
           padding-left: (55rem / @baseFont);
           color: #70676b;
       }
    }
    >.classfy{
        width: (44rem / @baseFont);
        height: (68rem / @baseFont);
        margin:0 (25rem / @baseFont);
        background: url(../images/classify.png) no-repeat;
        background-size: 100% auto;
    }
}

.big_img{
    margin-top: (88rem / @baseFont);
    width: 100%;
    font-size: 0;
}
.small_img{
    display: flex;

}
.small_img>img{
    height: (199.3rem / @baseFont);
}

.goods{
    padding: 0;
    list-style: none;
    margin-top: (20rem / @baseFont);
    font-size: (24rem / @baseFont);
    display: flex;
    flex-wrap: wrap;
    >li{
        flex: 20%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    >li>span:first-child{
        display: block;
        width: (83rem / @baseFont);
        height: (83rem / @baseFont);
        background: url(../images/nav1.png);
        background-size:(83rem / @baseFont) auto ;
        margin-bottom: (20rem / @baseFont);
    }
}




